
.slider-container, .slider-container *{
	box-sizing: border-box;
}

.slider-container{
	margin: 0px auto;
 	position: relative;
 	overflow: hidden; 
 	width: 100%;
}

.slider-container img{
	position: absolute;
	top: 0;
	height: 100%;
	transition: 0.4s;
	outline: solid 1px white;
}

.slider-container .arrow{
	display: flex;
	font-size: 1rem;
	font-weight: bold;
	position: absolute;
	top: 15%;
	color: white;
	height: 70%;
	z-index: 10;
	padding: 0px 5px;
	background-color: rgba(200, 200, 200, 0.6);
	box-shadow: 0px 0px 4px rgba(60, 60, 60, 0.6);
	cursor: pointer;
	transition: 0.15s;
	user-select: none;
}

.slider-container .arrow:hover{
	transform: scale(1.1);
}

.slider-container .arrow span{
	display: block;
	margin: auto;
}

.slider-container .arrow:first-of-type{
	left: 0%;
}
.slider-container .arrow:last-of-type{
	right: 0%;
}